/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}", // 扫描 src 下所有相关文件
  ], // 需要扫描的文件路径（关键，必须配置）
  theme: {
    extend: {
      colors: {
        primary: '#2eaadc',
        secondary: '#1f2328',
        primaryLight: '#E6F7FF', // 主色浅背景
        success: '#52C41A',
        warning: '#FAAD14',
        warningLight: '#FFF3CD',
        neutral: {
          50: '#f9fafb',
          100: '#f3f4f6',
          200: '#e5e7eb',
          300: '#d1d5db',
          400: '#9ca3af',
          500: '#6b7280',
          600: '#4b5563',
          700: '#374151',
          800: '#1f2937',
          900: '#111827',
        }
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        mono: ['Consolas', 'Monaco', 'monospace'],
      },
      spacing: {
        // 使用相对单位，在不同分辨率下保持比例
        '1': '0.5rem',
        '2': '1rem',
        '3': '1.5rem',
        '4': '2rem',
      },
      boxShadow: {
        'md': '0 2px 8px rgba(0, 0, 0, 0.08)',
        'lg': '0 4px 16px rgba(0, 0, 0, 0.12)',
      },
      borderRadius: {
        'sm': '4px',
        'md': '8px',
      }
    }
  },
  plugins: [],
}
